@charset "utf-8";
@font-face {
    font-family: 'moolbor';
    src: url('moolbor.eot');
    src: url('moolbor.eot') format('embedded-opentype'),
         url('moolbor.woff') format('woff'),
         url('moolbor.ttf') format('truetype'),
         url('moolbor.svg#moolbor') format('svg');
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0;}
table, caption, tbody, tfoot, thead, tr, th, td{  margin: 0; padding: 0px; outline: none; font-size: 100%;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif,"SimHei","黑体","微软正黑体","Microsoft JhengHei"; margin: 0 auto; color: #666666; background-color: #fff; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-smoothing:antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none; }
::-moz-selection { background: #c18e3d; color: #fff; text-shadow: none; }
::selection { background: #D76B33; color: #fff; text-shadow: none; }
select { outline: none; }
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1200px; margin: 0px auto; }
.binners { width: 1270px; margin: 0px auto; }
.ico_rq{ background:url(../images/class/rq_ico.png) no-repeat center; width:17px; height:22px; display:block; float:left; margin-right:10px;}
/*head*/
.top a:link, .top a:visited { color: #b5b5b7; }
.top a:active, .top a:hover { color: #fff; }
.topBox{ position: fixed; left: 0; top: 0; width: 100%; height: 80px; z-index: 1000; transition: all 0.3s 0s; -webkit-transition: all 0.3s 0s;}
.top-bg{ position: absolute; left: 0px; top: 0; width: 100%; height: 0%;/* background: url(../images/balck_30.png) repeat;*/ background-color: rgba(51,51,51,0.5); transition: height 0.5s 0s; -webkit-transition: height 0.5s 0s;}
.top{ width: 100%; padding: 14px 0px; color: #fff; position: relative; transition: all 0.3s 0s; -webkit-transition: all 0.3s 0s;}
.top a:link,.top  a:visited { color: #666666;}
.top a:active,.top  a:hover { color: #10664b;}
.logo{ float: left; display: block; height: 52px; margin-left: 40px;}
.logo img{ display: block; height: 100%;}

.logo1{ float: center; display: block;width:52px;height: 52px; margin-left: 1100px;}
.logo1 img{ display: block; height: 100%;}

.topfixed .topBox{ height: 64px;}
.topfixed .top{ padding: 10px 0px;}
.topfixed .logo{ height: 44px;}
.topfixed .top-bg{ height: 100%;}
.topfixed .menu-handler{ top: 17px;}
.topfixed .h-share{ top: 17px;}
.trans, .trans:hover { -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler{ position: fixed; right: 40px; z-index: 1000; top: 25px; height: 30px; width: 74px; cursor: pointer; z-index: 1010;  transition: top 0.3s 0s; -webkit-transition: top 0.3s 0s; background:url(../images/k.png) no-repeat;}
.menu-handler .txt{ display: block; font-size: 16px; line-height: 30px; position: absolute; left: 0; top: 0; color: #fff;}
.menu-handler .line{ overflow: hidden; background-color: transparent; width:30px; height: 30px; position: relative; float: right; display: block; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); z-index: 3;}
.menu-handler .burger { width:30px; height: 2px; background-color: #fff; display: block; position: absolute; z-index: 5; top: 5px; left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 14px; }
.menu-handler .burger-3 { top: 23px; }
.menu-handler.active .burger-1 { top: 14px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2,.menu-handler.active .txt { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%;}
.menu-handler.active .burger-3 { top: 14px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.menuBox{ position: fixed; right: -560px; top: 0px; width: 270px; padding: 0px 40px; z-index: 1005; background: url(../images/balck_85.png) repeat; background:none rgba(26,26,26,0.85); height: 100%; color: #c6c6c6; opacity: 0; transition: opacity 560ms ease 0ms; -webkit-transition: opacity 560ms ease 0ms;}
.menuBox a:link,.menuBox  a:visited { color: #e9e9e9;}
.menuBox a:active,.menuBox  a:hover { color: #E62129;}
.bgMenu{ padding-top: 80px;}
.menu-logo{ position: relative; overflow: hidden; width: 100%; text-align:center; font-size:18px;}
.menu-logo .line{ width: 50%; height: 1px; background-color: #7a7979; position: absolute; top: 50%; display: block;}
.menu-logo .lin1{ right: 64%; }
.menu-logo .lin2{ left: 64%;}
.menu{ padding: 40px 0px 80px; text-align: center; width: 140px; margin: 0px auto;}
.menu li{ border-bottom: 1px solid #514f4d; border-bottom: 1px solid rgba(255,255,255,0.2);}
.menu li>a{ font-size: 16px; display: block; padding: 8px 0px; line-height: 1.5;}
.menu li:last-child{ border-bottom: 0px none;}
.menu .subMenu{ border-top: 1px solid #514f4d; border-top: 1px solid rgba(255,255,255,0.2); padding: 4px 0px 6px; display: none;}
.menu .subMenu dd{ padding: 4px 0px;}
.menu-foot .con{ text-align: center; border-top: 1px solid #979797; border-top: 1px solid rgba(97,97,97,0.4); margin-top: 20px; padding: 20px 0px 30px;}
.sharpBox{ text-align: center; height: 42px; font-size:22px; }
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: url(../images/black_20.png) repeat ;  background: none rgba(0,0,0,0.2); display: none; z-index: 1002; cursor: pointer; cursor: url(../images/close-icon.ico) 16 16, default;}
.menuOpen .menuBox{ opacity: 1;}
.menuOpen .pusher-black { display: block; }
.menu li{ opacity:0; visibility:hidden; transform:translateX(25px); -webkit-transform:translateX(25px); -moz-transform:translateX(25px); transition:360ms 200ms;}
.menu-foot{ opacity:0; visibility:hidden; transform:translateX(30px); -webkit-transform:translateX(30px); -moz-transform:translateX(30px); transition:560ms 0ms;}
.menuOpen .menu li,.menuOpen .menu-foot{ opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); }
.menuOpen .menu-foot{ opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); transition:560ms 600ms;}
.menuOpen .menu li:nth-child(2) { transition: 360ms 300ms; }
.menuOpen .menu li:nth-child(3) { transition: 360ms 450ms; }
.menuOpen .menu li:nth-child(4) { transition: 360ms 600ms; }
.menuOpen .menu li:nth-child(5) { transition: 360ms 750ms; }
.menuOpen .menu li:nth-child(6) { transition: 360ms 900ms; }

.h-share{overflow:hidden;position:fixed;right:160px;top:25px; z-index: 1000;}
.h-share a{display:block;width:30px;height:30px;background-repeat:no-repeat;float:left;margin-left:17px;}
.h-share a.lagerA{ margin-left: 5px; display: inline-block; line-height: 30px; text-align: center; border-radius: 50%; background:none #A9A9A9; color: #fff; font-size: 12px;}
.h-share a.lagerA.active{ background-color: #E62129;}
/*footer*/
footer{ background-color: #EEE; padding: 32px 0px 5px; border-top:1px solid #999;}
.foot-box{ color: #000; }
.foot-box a:link,.foot-box  a:visited { color: #000;}
.foot-box a:active,.foot-box  a:hover { color: #E62129;}
.foot-box .t{ font-weight: bold; font-size: 24px; margin-bottom: 16px; line-height: 1.2;}
.foot-box .foot-logo{ float: right; padding-top: 32px;margin-right: 30px; }

.foot-box1{ color: #000; padding-top: 32px;}
.foot-box1 a:link,.foot-box  a:visited { color: #131DA2;}
.foot-box1 a:active,.foot-box  a:hover { color: #E62129;}
.foot-box1 .t{ font-weight: bold; font-size: 16px; margin-bottom: 4px;}


.foot-bot{ color: #000; padding-top: 32px;}
.foot-bot a:link,.foot-bot  a:visited { color: #000;}
.foot-bot a:active,.foot-bot  a:hover { color: #E62129;}

.foot-bot1{ color: #000; padding-top: 32px;}
.foot-bot1 a:link,.foot-bot  a:visited { color: #131DA2;}
.foot-bot1 a:active,.foot-bot  a:hover { color: #E62129;}

.foot-rightbox a:link,.foot-rightbox  a:visited { color: #000;}
.foot-rightbox a:active,.foot-rightbox  a:hover { color: #E62129;}
.foot-rightbox{ width: 124px; float: right; display: block; text-align: center; color: #000;}

.fsharpBox{ padding-bottom: 6px;}
.fsharpBox a { display: block; width: 28px; height: 28px; border-radius: 50%; margin:0px 5px; background-color: #666666; display: inline-block; position: relative; }
.fsharpBox a i { background: url(../images/sharp2.png) no-repeat; display: block; width: 100%; height: 100%; position: relative; z-index: 10;}
.fsharpBox a .ibg {position: absolute; left: 0px; bottom: 0px; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: #000;  transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0);}
.fsharpBox a:hover .ibg { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1);}
.fsharpBox a.a1 i { background-position: 0px 0px; }
.fsharpBox a.a2 i { background-position: -40px 0px; }
.fsharpBox a.a3 i { background-position: -80px 0px; }
.fsharpBox a.a4 i { background-position: -120px 0px; }

.ermsblack { background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.ermSBox { width: 220px; height: 264px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -100px 0 0 -115px; z-index: 1004; }   
.ermSBox .img { padding: 20px; }
.ermSBox .img img { width: 100%; height: 100%; display: block; }
.ermSBox .t { padding: 10px 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; }

.smLink{ margin-left: 10px;}

.backTop { background-color: #fff; width: 38px; height: 38px; border:1px solid #666666; position: fixed; bottom: -60px; right: 1%; z-index: 999; display: block; cursor: pointer;}
.backTop .ico { display: block; width: 100%; height: 38px; background: url(../images/backTop.png) no-repeat scroll center top; -webkit-transition: all 400ms; -ms-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms;}
.backTop:hover{ background-color: #666666;}
.backTop:hover .ico { background-position: center bottom;}
/*video*/
.transYT { transform: translateY(100%); -webkit-transform: translateY(100%); transition: transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
.transYT2 { transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;  }
.transXT { transform: translateX(100%); -webkit-transform: translateX(100%); transition: transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.transXT2 { transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.transX{ transform: scaleX(0); -webkit-transform: scaleX(0);  transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);}
.action.transX{ transform: none; -webkit-transform:none;}
.transoL{ transform-origin:left top 0; -webkit-transform-origin:left top 0;}
.transoR{ transform-origin:right top 0; -webkit-transform-origin:right top 0;}
.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT10 { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; visibility: hidden; transition: transform 400ms,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 400ms,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT250 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT250 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT50 ,.action.transYT10 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT250 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT250 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT { transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { transform: translateY(0px); -webkit-transform: translateY(0px); }
.tlbg:after,.trbg:after,.ttbg:after,.tbbg:after{background-color: #fff; content: ""; width: 100%; height: 100%; position: absolute;top: 0px; left:0px: transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -webkit-transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;   z-index: 1;}
.tlbg:after{ transform-origin:left top 0; -webkit-transform-origin:left top 0;}
.trbg:after{ transform-origin:right top 0; -webkit-transform-origin:right top 0;}
.ttbg:after{ transform-origin:left top 0; -webkit-transform-origin:left top 0;}
.tbbg:after{ transform-origin:left bottom 0; -webkit-transform-origin:left bottom 0;}
.action.tlbg:after,.action.trbg:after{transform: scaleX(0); -webkit-transform: scaleX(0);}
.action.ttbg:after,.action.tbbg:after{transform: scaleY(0); -webkit-transform: scaleY(0);}
.no-csstransforms .action.tlbg:after,.no-csstransforms .action.trbg:after,.no-csstransforms .action.ttbg:after,.no-csstransforms .action.tbbg:after{ z-index: -1; background-color: transparent;}
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08);}
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}
/* Slider  end*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
/*banner*/
.bannerBox{ position: relative; overflow: hidden;}
.banner a:link,.banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #fff;}
.banner { position: relative; overflow: hidden; width: 100%; z-index: 0; background-color: #efefef; }
.banner .pimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px; }
.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.binbox { position: absolute; width: 64%; overflow: hidden; left: 18%; top: 0; height: 100%; display: table; color: #fff;}
.E62129{ color: #E62129;}
.binbox p{ opacity: 0; -webkit-transform: translate(0px,50px); transform: translate(0px,50px);}
.binbox .t{ font-size: 40px; line-height: 1.5;}
.binbox .bot{ width: 130px; height: 2px; background-color: #fff; margin: 18px 0px 25px;}
.binbox .en{ font-size: 14px; font-family: arial, helvetica, sans-serif; text-transform: uppercase;}
.binbox .zh{ font-size: 22px; line-height: 1.5;}
.banner .slick-dots{ bottom: 5%; z-index: 104; left: 3%; width: 9px;}
.banner .slick-dots li{ position: relative; display: block; padding: 0px; width: 9px; height: 9px; margin: 0px 0px 4px; cursor: pointer;}
.banner .slick-dots li a{ height: 9px; width: 9px; line-height: 9px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer;  border-radius: 0%; background: url(../images/banner_i2.png) no-repeat scroll center center;}
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a { background-image: url(../images/index/banner_i1.png); }
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 4s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 4s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.slick-active .binbox p{opacity: 1; -webkit-transform: translate(0px,0px); transform: translate(0px,0px);-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);  }
.slick-active .binbox .t{ -webkit-transition:.6s; transition: .6s;}
.slick-active .binbox .bot{ -webkit-transition:.6s .2s; transition: .6s .2s;}
.slick-active .binbox .en{ -webkit-transition:.6s .4s; transition: .6s .4s;}
.slick-active .binbox .zh{ -webkit-transition:.6s .6s; transition: .6s .6s;}
.mouseIco { background: url(../images/mouseIco.png) no-repeat scroll center center; width: 23px; height: 23px; position: absolute; right: 3%; bottom: 5%; margin-left: -12px; z-index: 100; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; }



@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
.binner{ width: 80%; margin: 0px auto;}
.bgdf-box{ overflow: hidden; width: 100%; position: absolute; height: 100%; top: 0; left: 0;}
.bgdf{ background-color: #dfdfdf; position: absolute; width: 90%; top: 0; height: 100%; }
.bl-bg{ left: 0;}
.br-bg{ right: 0;}
/*index about*/
.aboutIbox a:link,.aboutIbox a:visited { color: #666666;}
.aboutIbox a:active,.aboutIbox a:hover { color: #fff;}
.aboutIbox{ position: relative; z-index: 4; background-color: #ffffff;}
.aboutIbox .bgdf{ width: 60%;}
.aboutIbox .binner{ position: relative;}
.aboutIbox .imgBox{ width: 50%; float: left; display: block; position: relative; margin-top: -60px;}
.no-csstransforms .aboutIbox .imgBox:after{ z-index: -1; background-color: transparent;}
.aboutI-img .img img{ width: 100%; display: block;}
.aboutI-img .img:after{ transition: transform .8s cubic-bezier(0.645, 0.045, 0.355, 1) .4s; -webkit-transition: transform .8s cubic-bezier(0.645, 0.045, 0.355, 1) .4s;}
.aboutIbox .conBox{ width: 40%; float: left; display: block; margin-left: 5%; padding: 50px 0px; overflow: hidden;}
.iboxt{ font-size: 30px; line-height: 1.5; color: #333333;}
.iboxen{ font-family: "moolbor"; text-transform: uppercase;}
.aboutI-con .line{ height: 1px; overflow: hidden; position: relative; margin: 15px 0px 30px;}
.aboutI-con .line i{ position: absolute; left: 0px; top: 0; width: 100%; height: 1px; background-color: #666666;}
.aboutI-con .c{ color: #666666; margin-bottom: 50px; font-family: "微软正黑体","Microsoft JhengHei"; text-align: justify;}
.moreBtn{ display: block; width: 100px; height: 30px; line-height: 30px; background-color: #666666; font-size: 12px; font-family: arial, helvetica, sans-serif; text-align: center; position: relative;}
.moreBtn span{ position: relative; z-index: 2; color: #FFF;}
.moreBtn:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background-color:#E62129; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.moreBtn:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.moreBtn:hover span{ color: #FFF;}
/*index pro*/
.productIbox a:link,.productIbox a:visited { color: #ffffff;}
.productIbox a:active,.productIbox a:hover { color: #000000;}
.productIbox{ background-color: #ffffff; padding-top: 110px; position: relative; z-index: 2;}
.productIbox-t{ margin-bottom: 35px;}
.productIbox-con{ position: relative;}
.productIbox-con .bgdf{ background-color: #eee;}
.productIbox-demo{ position: relative;}
.productIbox-demo .item{ width: 25%; float: left;}
.productIbox-demo .img img{ width: 100%; display: block; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.productIbox-demo .itemA{ display: block; position: relative; margin-left: 1px; margin-top:1px; overflow: hidden;}
.productIbox-demo .itemA:after{ background-color: #494949;  transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s; -webkit-transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;}
.productIbox-demo article{ position: absolute; left: 0px; bottom: -193px; color: #fff; background-color: #000; width: 88%; padding: 0px 6% 27px;transition: bottom .6s cubic-bezier(0.645, 0.045, 0.355, 1), background .38s cubic-bezier(.4,0,.2,1),color .3s;  -webkit-transition: bottom .6s cubic-bezier(0.645, 0.045, 0.355, 1), background .38s cubic-bezier(.4,0,.2,1),color .3s;}
.productIbox-demo .t{ padding: 22px 0px 0px; font-weight: bold; font-size: 18px; line-height: 26px; line-height: 26px; overflow: hidden; position: relative;}
.productIbox-demo .t i{ background: url(../images/index/dian.png) no-repeat; width: 18px; height: 4px; position: absolute; right: 6%; bottom: 4px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.productIbox-demo .bot{ width: 40px; height: 23px; border-top:1px solid #b6b6b6; margin-top: 10px; transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1) .4s; -webkit-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1) .4s;}
.productIbox-demo .c{ height: 76px; margin-bottom: 60px; overflow: hidden;}
.moreBtn2{ display: block; width: 98px; height: 28px; line-height: 28px; border:1px solid #FFF; font-size: 12px; font-family: arial, helvetica, sans-serif; text-align: center; position: relative;}
.moreBtn2 span{ position: relative; z-index: 2; color: #FFF;}
.moreBtn2:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background-color:#000000; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.moreBtn2:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.moreBtn2:hover span{ color: #fff;}
.productIbox-demo .item:hover article{ background: url(../images/index/yellow_85.png) repeat; background:none rgba(230,33,41,1); bottom: 0; color: #FFF;}
.productIbox-demo .item:hover .img img{ transform: scale(1.04); -webkit-transform: scale(1.04);}
.productIbox-demo .item:hover .t i{ width: 0; opacity: 0;}
.productIbox-demo .item:hover .bot{ border-color: #FFF; width: 100%;}
.productIbox-demo .slick-arrow{ width: 100px; height: 30px; top: -80px; z-index: 1000; background-color: #868686;}
.productIbox-demo .slick-arrow:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background-color:#E62129; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.productIbox-demo .slick-arrow:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.productIbox-demo .slick-arrow i{  display: block; width: 100%; height: 100%; position: relative; z-index: 2;}
.productIbox-demo .slick-prev{ right: 100px;}
.productIbox-demo .slick-prev i{ background: url(../images/index/jt_l.png) no-repeat scroll center center;}
.productIbox-demo .slick-next{ right: 0px;}
.productIbox-demo .slick-next i{ background: url(../images/index/jt_r.png) no-repeat scroll center center;}
.productIbox-demo .slick-prev:hover i{ background-image: url(../images/index/jt_l.png);}
.productIbox-demo .slick-next:hover i{ background-image: url(../images/index/jt_r.png);}
/*index news*/
.newIbox{ background-color: #eee; padding-top: 106px;}
.newIbox dt,.newIbox dd{ float: left; display: block; width: 26%; margin-left: 2%;}
.newIbox dt{ width: 16%; margin-left: 0;}
.newIbox dd{ position: relative; overflow: hidden;}
.newIbox dd .bg86{ position: absolute; left: 0px; top: 0; width: 100%; height: 100%; background-color: #F6F6F6; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0; visibility:hidden\9;}
.newIitem{ padding: 38px 24px 34px; position: relative;}
.linkA{ position: absolute; left:0; top: 0; width: 100%; height: 100%; display: block; z-index: 2;}
.newIitem .bot{ width: 50px; height: 2px; background-color: #cccccc; margin-bottom: 12px; position: relative; overflow: hidden;}
.newIitem .bot i{ position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #E62129; transition: 300ms; -webkit-transition: 300ms;}
.newIitem .t{ font-weight: bold; font-size: 16px; line-height: 1.4;}
.newIitem .time{ color: #b5b5b5; font-size: 12px; font-family: "微软正黑体","Microsoft JhengHei"; font-weight: bold; padding: 10px 0px 25px;}
.newIitem .c{ height: 76px; text-align: justify; overflow: hidden; margin-bottom: 38px;}
.newIitem .dian{ background: url(../images/dian2.png) no-repeat; width: 18px; height: 4px; position: absolute; margin-top: 4px;  display: block;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.newIitem .moreBtn2{ z-index: 4; border-color: #E62129; background-color: #FFF; transform: translateY(-20px); -webkit-transform: translateY(-20px); opacity: 0; visibility: hidden; transition: transform 400ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 400ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.newIitem .moreBtn2 span{ color: #E62129;}
.newIitem .moreBtn2:before{ background-color: #E62129;}
.newIitem .moreBtn2:hover span{ color: #FFF;}

.newIbox dd:hover .bg86{transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0;visibility:visible\9;}
.newIbox dd:hover .newIitem{ color: #000;}
.newIbox dd:hover .time{ color: #000;}
.newIbox dd:hover .bot i{ width: 100%;}
.newIbox dd:hover .t{ color: #E62129;}
.newIbox dd:hover .dian{ opacity: 0; display: none;}
.newIbox dd:hover .moreBtn2{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; }
/*index case ser*/
.oneIbox{ position: relative; overflow: hidden; background-color: #eee;}
.oneIbox .bgdf{ background-color: #ffffff;}
.oneIbox-con .title{ position: absolute; left: 5%; top: 5%; color: #fff; z-index: 5;}
.oneIbox-con .title .iboxt{ font-size: 24px; color: #fff; line-height: 1.8;}
.oneIbox-con{ position: relative; padding: 88px 0px 98px;}
.oneIbox-con .item1,.oneIbox-con .item2{ position: relative; overflow: hidden; float: left; display: block;}
.oneIbox-con .img{ display: block; width: 100%;}
.oneIbox-con .item1{ width: 58%;}
.oneIbox-con .item2{ width: 35.6%; margin-left: 2%;}
.caseIDemo .item{ position: relative; overflow: hidden;}
.caseIDemo article{ position: absolute; left: 5%; bottom: 0; width: 80%; padding: 15px 5% 10px; background: url(../images/index/w_80.png) repeat; background:none rgba(255,255,255,0.8);}
.caseIDemo article .t{ font-size: 16px; font-weight: bold; color: #333333; height: 29px; overflow: hidden;}
.caseIDemo article .c{ height: 25px; overflow: hidden;}
.caseIDemo .slick-arrow{ width: 5%; height: 79px; bottom: 0px; z-index: 1000;}
.caseIDemo .slick-arrow i{ display: block; width: 100%; height: 100%;}
.caseIDemo .slick-prev{ left: 0px;}
.caseIDemo .slick-prev i{ background: url(../images/index/imgl.png) no-repeat scroll center center;}
.caseIDemo .slick-next{ right: 0px;}
.caseIDemo .slick-next i{ background: url(../images/index/imgr.png) no-repeat scroll center center;}
.caseIDemo .slick-arrow:hover{ background-color: #E62129; }

.joinIbox{ position: relative; overflow: hidden;}
.joinIbox .black30{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/index/balck_30.png) repeat; background: none rgba(28,28,28,0.3);}
.joinIbox .img{ width: 100%; display: block; transition: transform 1.2s ease-out 0s; -webkit-transition: -webkit-transform 1.2s ease-out 0s;}
.joinIbox :hover .img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
/*index style end*/

/*about*/
.mtop{ height:89px;}
.pbanner{ position:relative;}
.pbanner figure{ display:block; line-height:0; overflow:hidden;}
.pbanner figure img{ display:block; width:100%; height:auto; line-height:0;}
.pbanner strong{ display:block; width:460px; position:absolute; left:50%; top:50%; margin-left:-200px; color:#ffffff; font-size:60px; font-weight: normal; text-align:center; background:rgba(0,0,0,0.1); margin-top:-46px; line-height:1; padding-top:20px; padding-bottom:32px; text-transform:uppercase;}
.pbanner strong:before{ content:""; width:42px; height:4px; background:#fff; position:absolute; left:50%; margin-left:-21px; bottom:10px;}
.leval-menu{ position:absolute; top:0; width:100%; left:0; height:50px; z-index:10;}
.levals{ width:100%; text-align:center; position:relative; left:0; top:0; border-bottom:1px solid #CCC; z-index:30; line-height:0; background:#EEE;}
.levalfix{ display:inline-block; margin:auto;}
.levalfix li{ float:left; padding:0; line-height:1; position:relative;}
.levalfix li a{ display:block; padding:0 24px; height:49px; line-height:49px; text-align:center; color:#333333; font-size:16px; font-weight: normal; position:relative;}
.levalfix li a:before{ content:""; width:1px; height:14px; background:#999999; position:absolute; right:0; top:50%; margin-top:-7px; transition:0.28s;}
.levalfix li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:1px; background:#FFF; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .42s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .42s cubic-bezier(.4,0,.2,1); transition: transform .42s cubic-bezier(.4,0,.2,1); transition: transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.levalfix li:hover:before,.levalfix li.current:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.levalfix li:hover a,.levalfix li.current a{ color:#E62129;}
.levalfix li:hover a:before,.levalfix li.current a:before{ opacity:0; visibility:hidden;}

.iphone-fix{ width:100%; background:#E62129; display:none; position:relative; z-index:15;}
.iphone-fix span{ color:#fff; display:block; text-align:center; font-size:16px; height:46px; line-height:46px; cursor:pointer;}
.iphone-fix.scoll{ position:fixed; left:0; top:90px;}
.iphone-fix span em{ color:#fff; font-size:14px; font-style:normal; line-height:46px; display:inline-block;}
.iphone-fix span b{ display:inline-block; margin-left:5px; width:10px; height:5px; background:url(../images/class/arrow11.png) center no-repeat; position:relative; top:-2px;}
.iphone-down{ width:100%; position:absolute; left:0; display:none; top:46px; background:rgba(230,33,41,0.7);}
.iphone-down a{ display:block; width:50%; float:left; font-size:14px; text-align:center; height:42px; line-height:42px; color:#fff; position:relative; overflow: hidden; border: none !important;}
.iphone-down a:hover,.iphone-down a.on{ background:rgba(90,62,43,0.7);}

.iphone-down a:after{ content: ''; position: absolute; bottom: 0;left: 0; width: 100%; height: 1px; z-index: 1; background-color: #4c3428; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal;}

@-webkit-keyframes ReturnToNormal {
0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}


  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }

  
}

@keyframes ReturnToNormal {
0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}


  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }
}
.levawr{ position:relative; height:47px;}
/*one*/
.profile-box{ padding:100px 0 118px; background:#fff; position:relative;}
.profile{ text-align:center;} 
.commont h3{ line-height:1; color:#333; font-size:24px; font-weight:bold; text-align:center; margin-bottom:12px;}
.commont small{ display:block; text-align:center; line-height:1; text-transform:uppercase; color:#999999; font-size:12px; font-family:"Arial"; font-weight: normal;}
.companys{ display:inline-block; margin:auto; margin-top:76px;}
.company-info{ float:left; text-align:center;}
.company-info strong{ display:block; text-align:center; line-height:1; color:#E62129; font-size:72px; font-weight:bold;}
.company-info p{ color:#666666; font-size:14px; text-align:center; margin-top:6px; line-height:1;}
.compwr{ float:left; width:10px; height:10px; background:url(../images/class/arrow3.png) center no-repeat; margin:28px 62px 0;}
.profixdown{ margin-top:20px; text-align:left;}
.profixdown p{ text-align:left; color:#333333; font-size:15px; width:1200px; margin:auto; text-indent:2em; line-height:30px; padding-bottom:10px;}
/*.profixdown h2{ background:url(../images/class/c_c_h2_bg.png) no-repeat center; width:180px; height:40px; line-height:40px; font-size:22px; color:#FFFFFF; display:block; padding-left:20px;}*/
.profixdown h2{height:40px; line-height:40px; font-size:22px;}
/*two*/
.about-ln { margin:0 0 118px; position: relative; z-index: 1 }
.about-ln .bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: no-repeat center center; background-size: cover }
.about-ln .ln-cont { position: relative; z-index: 3; padding: 50px; width: 45%; color: #fff }
.about-ln .ln-cont:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background:rgba(230,33,41,0.6); content: '' }
.about-ln .ln-head { padding-left: 50px; background: url(../images/class/ln-title.png) no-repeat left center }
.about-ln .ln-head .t { font-size: 24px; line-height: 25px }
.about-ln .ln-head .e { margin-top: 5px; font-size: 14px; line-height: 10px }
.about-ln .ln-body { padding-top: 80px }
.about-ln .ln-body li { margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.5); padding: 15px 0; line-height: 30px }
.about-ln .ln-body li:after { content: ''; display: block; clear: both }
.about-ln .ln-body .n { float: left; font-size: 20px }
.about-ln .ln-body .c { overflow: hidden; font-size: 16px }
/*three*/
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }

/* pswp = photoswipe */
.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}
.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}
.pswp img{max-width:none}
.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--open{display:block}
.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}
.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/class/black_90.png) repeat;background:none rgba(0,0,0,.9);opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}
.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}
.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}
.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}
.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}
.pswp__img--placeholder{-webkit-backface-visibility:hidden}
.pswp__img--placeholder--blank{background:#222}
.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}
.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}
.pswp__error-msg a{color:#CCC;text-decoration:underline}
.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}
.pswp__button:focus,.pswp__button:hover{opacity:1}
.pswp__button:active{outline:0;opacity:.9}
.pswp__button::-moz-focus-inner{padding:0;border:0}
.pswp__ui--over-close .pswp__button--close{opacity:1}
.pswp__button{background:url(../images/class/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}
@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){
	.pswp--svg .pswp__button{background-image:url(../images/class/default-skin.svg);}
	.pswp__button--close{color:#fff}
}
.pswp__button--close{background-position:0 -44px}
.pswp__button--share{background-position:-44px -44px}
.pswp__button--fs{display:none}
.pswp--supports-fs .pswp__button--fs{display:block}
.pswp--fs .pswp__button--fs{background-position:-44px 0}
.pswp__button--zoom{display:none;background-position:-88px 0}
.pswp--zoom-allowed .pswp__button--zoom{display:block}
.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}
.pswp__button--arrow--left,.pswp__button--arrow--right{top:50%; width: 42px; height: 42px; line-height: 42px; margin-top: -21px; position: absolute; border-radius: 50%; display: block; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.pswp__button--arrow--left{left:2%; background:#fff url(../images/class/arrow6.png) center no-repeat;}
.pswp__button--arrow--right{right:2%; background:#fff url(../images/class/arrow7.png) center no-repeat;}
.pswp__button--arrow--left:hover{ background:#E62129 url(../images/class/arrow8.png) 16px center no-repeat; }
.pswp__button--arrow--right:hover{ background:#E62129 url(../images/class/arrow9.png) 20px center no-repeat;}
.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__share-modal--hidden{display:none}
.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}
.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}
.pswp__share-tooltip a:hover{text-decoration:none;color:#000}
.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}
.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}
.pswp__share-modal--fade-in{opacity:1}
.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.pswp--touch .pswp__share-tooltip a{padding:16px 12px}
a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}
a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}
a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}
a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}
a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}
a.pswp__share--download:hover{background:#DDD}
.pswp__counter{float:left;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}
.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}
.pswp__caption__center{text-align:center;max-width:600px;font-size:15px;margin:0 auto;padding:20px 10px;color:#fff}
.pswp__caption__center .xzy-zan{float:right;display:block}
.pswp__caption--empty{display:none}
.pswp__caption--fake{visibility:hidden}
.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}
.pswp__preloader__icn{width:20px;height:20px;margin:12px}
.pswp__preloader--active{opacity:1}
.pswp__preloader--active .pswp__preloader__icn{background:url(preloader.gif) 0 0 no-repeat}
.pswp--css_animation .pswp__preloader--active{opacity:1}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}
.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}
.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}
.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}
@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}
}
@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}
.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}
.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}
.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}
.pswp__ui--idle .pswp__top-bar{opacity:1}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}
.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}
.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}
.pswp__element--disabled{display:none!important}
.pswp--minimal--dark .pswp__top-bar{background:0 0}
#gallery2 .pswp__caption__center{text-align:center;font-size:18px}
/*base style end*/
/*honor style*/
.w1280{ width: 1280px; margin: 0px auto;}
.honorDemo{ margin: 0 54px;}
.honorDemo-box{ padding-top:50px; }
.honorDemo .item{ float: left; display: block; width: 20%; padding: 40px 0px 26px; text-align: center; color: #333333; -webkit-transition:background-color 0.5s; transition: background-color 0.5s; position: relative; cursor: zoom-in;}
.honorDemo .item:before{ content: ""; width: 100%; height: 6px; background-color: #E62129; position: absolute; left: 0; bottom: -1px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); }
.honorDemo .img{ width: 131px; margin: 0px auto 10px;}
.honorDemo .img img{ width: 100%; display: block;}
.honorDemo .txt{ padding: 0px 5%; line-height: 1.5; height: 42px; overflow: hidden;}
.honorDemo .slick-arrow{ width: 48px; height: 48px; line-height: 48px; border-radius: 50%; text-align: center; display: block; position: absolute; top: 50%; margin-top: -20px; z-index: 100; color: #333333;}
.honorDemo .slick-prev{ left: -75px; background:#fff url(../images/class/arrow6.png) center no-repeat;}
.honorDemo .slick-next{ right: -75px; background:#fff url(../images/class/arrow7.png) center no-repeat;}
.honorDemo .slick-prev:hover{ background:#E62129 url(../images/class/arrow8.png) 16px center no-repeat; }
.honorDemo .slick-next:hover{ background:#E62129 url(../images/class/arrow9.png) 20px center no-repeat;}
.honorDemo .slick-arrow:hover{ background-color: #E62129;}
/*honor style end*/
/*four*/
.development-box{ padding:83px 0 145px; overflow:hidden; background-repeat:no-repeat;}
.development-box .commont h3,.development-box .commont small{ color:#FFF;}

.develop{ width:96.56%; margin:auto; position:relative; margin-top:210px;}
.developwr{ position:relative; padding:0 150px;}
.develine{ width:100%; height:2px; background:rgba(255,255,255,0.59); background:#FFF\9; filter:alpha(opacity=59); position:absolute; left:0; top:50%; margin-top:-1px;}
.developinfo{ width:281px; float:left; height:100%; position:relative; max-width:280px !important;}
.develtop{ height:137px; border-left:1px solid #FFF; margin-left:28px; padding-left:12px; position:relative;}
.developer p{ color:#FFF; font-size:15px;}
.developer .develindown{ position:relative; top:-4px;}
.developer strong{ display:block; color:#FFF; font-size:24px; font-weight:normal; font-family:"Futura-Md-BT"; line-height:1; position:absolute; left:0; bottom:-42px;}
.developer i{ display:block; width:13px; height:13px; background:#FFF; border-radius:50%; position:absolute; left:22px; bottom:-6px;}
.developinfo:nth-child(2n+2){ margin-top:135px;}
.developinfo:nth-child(2n+2) .developer strong{ bottom:auto; top:-42px;}
.developinfo:nth-child(2n+2) .developer i{ bottom:auto; top:-6px;}
.developinfo:nth-child(2n+2) .develtop .develindown{ position:absolute; width:100%; left:0; bottom:-4px; top:auto;}
.developinfo:nth-child(2n+2) .develtop .develindown p{ margin-left:12px;}

.slick-list{ overflow:hidden;}
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table;}
.slick-track:after { clear: both;}
.developwr .slick-prev,.developwr .slick-next{ display:block; padding:0; margin:0; border:none; width:48px; height:48px; border-radius:50%; position:absolute; top:50%; margin-top:-25px; text-indent:9999px; overflow:hidden; cursor:pointer; transition:0.38s; outline:none;}
.developwr .slick-prev{ left:0; background:#fafcfe url(../images/class/arrow6.png) center no-repeat;}
.developwr .slick-next{ right:0; background:#fafcfe url(../images/class/arrow7.png) center no-repeat;}
.developwr .slick-prev:hover{ background:#E62129 url(../images/class/arrow8.png) 16px center no-repeat; }
.developwr .slick-next:hover{ background:#E62129 url(../images/class/arrow9.png) 20px center no-repeat; }

/*five*/
.c_news { padding: 75px 0 70px 0; }
.c_news .ab-cc-list { margin-top: 60px; }
.c_news .ab-more { margin-top: 25px; border-radius:20px; }

.ab-cc-a { display: block; color: #000; }
.ab-cc-a .txts { background: #fff; height: 100px; overflow: hidden; padding: 0 10px; -webkit-transition: 400ms; transition: 400ms; }
.ab-cc-a .nowti { font-size: 16px; margin-top: 20px; -webkit-transition: 300ms; transition: 300ms; }
.ab-cc-a .date { border-top: 1px solid #ccc; padding-top: 12px; margin-top: 12px; font-size: 12px; color: #b3b3b3; -webkit-transition: 300ms; transition: 300ms; }

.ab-cc-list { margin-left: -20px; }
.ab-cc-list li { width: 25%; float: left; margin-bottom: 60px; }
.ab-cc-list .ab-cc-a { margin-left: 20px; }

.pic{ display:block; overflow:hidden; position:relative; }
.pic > img{ display:block; width:100%; transition:600ms; -webkit-transition:600ms;}
.nowti{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.4;}

.ab-more { display: block; width: 130px; height: 36px; background: #EEE; border: 1px solid #EEE; line-height: 36px; text-align: center; color: #000; overflow: hidden; margin: 0 auto;  -webkit-transition: 300ms; transition: 300ms;}
.ab-more:hover { background: #E62129; border-color: #E62129; color:#FFF;}

/*product*/
.itembg { position: relative; overflow: hidden; width: 100%; display: block; }
.csstransforms .itembg:before, .csstransforms .itembg:after { width: 100%; height: 0; content: ""; display: block; background-color: rgba(230,33,41,0.0); position: absolute; transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); -ms-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); z-index: 10; }
.csstransforms .itembg:before { top: -100%; left: -100%; }
.csstransforms .itembg:after { right: -100%; bottom: -100%; }
.proList{ padding:0 0 50px;}
.proList ul { margin-left: -32px; }
.proList li { float: left; width: 285.4px; margin: 0px 0px 32px 28px; }
.proList li a { display: block; border: 3px solid #F6F6F6; background-color: #fff; }
.proList .itembg { position: relative; overflow: hidden; }
.proList .itembg img { width: 100%; display: block; }
.proList .itembg .ico { background: url(../images/class/fd2.png) no-repeat; width: 29px; height: 30px; position: absolute; left: 50%; top: 55%; margin: 0px 0px 0px -15px; transition: all 300ms ease-in-out 200ms; }
.proList .con { text-align: center; padding: 30px 0px 30px;}
.proList .con .name { font-size: 18px; height: 36px; overflow: hidden; }
.proList .con .more { border: 1px solid #EEE; width: 70px; height: 28px; line-height: 28px; text-align: center; background: #EEE; display: block; margin: 14px auto 0; }
.proList a:link, .proList a:visited { color: #4b4b4b; }
.proList a:active, .proList a:hover { color: #f6f6f6; }
.proList li:hover a { background-color: #E62129; color: #E62129; color: #fff; border: 3px solid #E62129; }
.proList li:hover .con .more { border: 1px solid #fff; color:#333333; }
.no-csstransforms .proList li .itembg .ico { display: none; top: 45%; }
.no-csstransforms .proList li:hover .itembg .bg { display: block; }
.no-csstransforms .proList li:hover .itembg .ico { display: block; }
.csstransforms .proList li .itembg .ico { opacity: 0; }
.csstransforms .proList li:hover .itembg .ico { opacity: 1; top: 45%; }
.csstransforms .proList li:hover .itembg:before, .csstransforms .proList li:hover .itembg:after { height: 100%; }
.csstransforms .proList li:hover .itembg:before { top: 0; left: 0; }
.csstransforms .proList li:hover .itembg:after { right: 0; bottom: 0; }

/*page*/
.paging { padding: 70px 0px 0px; text-align: center; }
.paging a:link, .paging a:visited { color: #666666; }
.paging a:active, .paging a:hover { color: #fff; background-color: #E62129; }
.paging a{ display: inline-block; margin: 0px 2px!important; background-color: #fff; padding: 8px 16px; border: 1px solid #787878;}
.paging a.act{ background-color: #E62129; color: #fff; border-color: #E62129;}


/*product show*/
.bgf6 { background-color: #f6f6f6; }
.pinner { width: 1106px; margin: 0px auto; }
.pb50 { padding: 50px 0px; }
.blackPro { background: url(../images/class/blacks.png) no-repeat scroll left center; padding-left: 25px; color: #333; height: 34px; line-height: 34px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.blackPro:hover { background: url(../images/class/black.png) no-repeat scroll left center; color: #E62129; }
.proIdemo a:link, .proIdemo a:visited { color: #7b7b7b; }
.proIdemo a:active, .proIdemo a:hover { color: #39B54A; }
.proIdemo { font-size: 14px; padding-top: 10px; }
.proIdemo .blackPro { float: right; display: block; }
.proIdemo .bimg { position: relative; float: left; display: block; width: 379px; }
.proIdemo .bimg img { width: 100%; display: block; }
.proIdemo .pcon { float: right; display: block; width: 45%; padding: 33px; overflow: hidden; background-color: #F3F3F3; color: #525252; }
.proIdemo .pcon .name { font: 28px/1.4 "microsoft yahei"; overflow: hidden; }
.proIdemo .ic { border-bottom: 1px solid #d4d4d4; font-size: 16px; padding-bottom: 12px; margin-bottom: 45px; }
.proIdemo .pcon .con { height: 247px; overflow: hidden; line-height: 2; font-size: 16px;  }
.content-page { padding: 18px 0px 50px; }
.proDnav { margin-bottom: 38px; }
.proDnav li { float: left; cursor: pointer; color: #fff; background-color: #E62129; text-align: center; display: inline-block; padding: 16px 47px; font: 16px/1.2 "microsoft yahei"; position: relative; overflow: hidden; }
.proDnav { background-color: #F3F3F3; width: 100%; }
.proDpage { color: #525252; }

.pageCon,.pageCons { color: #525252; }
.pageCon a:link, .pageCon a:visited, .pageCons a:link, .pageCons a:visited { color: #9b9b9b; }
.pageCon a:active, .pageCon a:hover, .pageCons a:active, .pageCons a:hover { color: #E62129; }
.pageCon img {max-width: 100% !important;}
.pageCons img {max-width: 100% !important; margin: 0 auto !important; display: block !important;}
.pageCon .img_f, .pageCons .img_f, .profixdown .img_f{max-width:100%; float:left;}
.pageCon .img_r, .pageCons .img_r, .profixdown .img_r{max-width:100%; float:right;}
.pageCon p, .pageCons p{text-indent:2em; padding-bottom:10px; font-size: 15px;}
.pageCon h2, .pageCons h2{ height:40px; line-height:40px; font-size:22px;}

.proIRelevant { padding: 45px 0px; width: 1124px; margin: 0px auto; }
.proIRelevant a:link, .proIRelevant a:visited { color: #7b7b7b; }
.proIRelevant a:active, .proIRelevant a:hover { color: #E62129; }
.proIRelevant .t { font-size: 24px; color: #000; margin-bottom: 20px; padding-left: 8px; }
.owl-relevant .item { position: relative; padding: 0px 9px; width:23%; float:left; }
.owl-relevant .img { position: relative; overflow: hidden; }
.owl-relevant .img img { width: 100%; overflow: hidden; display: block; }
.owl-relevant .img .c { position: absolute; background: url(../images/class/blue.png) repeat; width: 100%; height: 100%; left: 100%; top: 0px; text-align: center; transition: 300ms; }
.proIRelevant .item .c .icobg { background: url(../images/class/fd3.png) no-repeat scroll center center; width: 32px; height: 32px; margin: 54% auto 0px; display: block; }
.owl-relevant .item .name { padding: 10px 0px; font-size: 14px; text-align: center; line-height: 1.5; }
.proIRelevant .item:hover .c { left: 0px; }
.relevantlist { position: relative; }

/*yunwei*/
.pai{overflow:hidden;position:relative}
.pai>img{display:block;position:absolute;width:100%;height:100%;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.mult{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nowti{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.4}
.tx{overflow:hidden;line-height:24px!important;text-align:justify}
.ab-tech-list{margin-top:20px}
.ab-tech-list{margin-left:-35px}
.ab-tech-list li{width:33.33%;float:left;margin-bottom:15px}
.ab-tech-list a{display:block;margin-left:35px}
.ab-tech-list .pai{padding-bottom:69.44%}
.ab-tech-list .txts{height:227x;border-bottom:1px solid #ccc;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.ab-tech-list .nowti{margin-top:20px;padding-top:10px;position:relative;font-size:24px;color:#333; text-align:left;}
.ab-tech-list .nowti:before{content:"";position:absolute;left:0;top:0;width:30px;height:4px;background:#d9251d;}
.ab-tech-list .tx{height:125px;margin-top:10px; color:#666; line-height:25px;}

/*news*/
.ellipsisT{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/class/w0.png) no-repeat;}
.black-20{ background: url(../images/class/class/black_20.png) repeat; background: none rgba(0,0,0,0.2); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.btn-more{ display: block; width: 122px; height: 38px; line-height: 38px; text-align: center; display: block; background-color: #183883; position: relative; overflow: hidden;}
.btn-more .txt{ color: #fff;}
.btn-more .bg { color: #fff; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; display: block;}
.btn-more .bg:before { position: relative; content: ''; display: block; margin-top: 100%;}
.btn-more .bg:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%;}
.btn-more:hover{ background-color: #ff1c3a;}
.btn-more:hover .bg {-moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;}
.btn-more:hover .bg:after {-moz-animation: anim-out-pseudo2 0.75s; -webkit-animation: anim-out-pseudo2 0.75s; animation: anim-out-pseudo2 0.75s;}

.pageC img{ max-width: 100% !important; height: auto !important; }
.pageC{ overflow: hidden; color: #4e4e4e; padding: 0px 0px 50px;}
.first-box a:link, .first-box a:visited { color: #646464; }
.first-box a:active, .first-box a:hover { color: #646464; }
.first-box{ background-color: #F3F3F3; position: relative; transition:0.3s; -webkit-transition:0.3s;}
.first-box .img{ float: left; display: block; width: 50%; overflow: hidden;}
.first-box .img img{ width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms;}
.first-box .con{ float: left; display: block; width: 42%; margin-left: 4%; padding-top: 3%;}
.first-box h3{ font-size: 20px; color: #323232; line-height: 1.5; margin-bottom: 5px; font-weight: bold; overflow: hidden;}
.first-box .time{ color: #6f6f6f; font-family: arial, helvetica, sans-serif; height: 25px; line-height: 25px;}
.first-box .time .icon-shijian{ margin-right: 6px; font-size: 18px; color: #a5a5a5;}
.first-box .c{ margin: 38px 0px 15%; height: 50px; overflow: hidden;}
.first-box .btn-more{ border:1px solid #909090; background-color: #fff; width: 166px; height: 38px; line-height: 38px;}
.first-box .btn-more .txt{ color: #909090;}
.first-box:hover{-webkit-box-shadow: 0 8px 12px rgba(0,0,0,0.1); box-shadow: 0 8px 12px rgba(0,0,0,0.1); }
.first-box:hover h3{ color: #E62129;}
.first-box:hover .btn-more{ border-color: #E62129; background-color: #E62129;}
.first-box:hover .btn-more .txt{ color: #fff;}
.first-box:hover .img img{-webkit-transform:scale(1.05);transform:scale(1.05);}

.newsList{ margin-top: 80px;}
.newItem{ position: relative; padding: 0 0 40px; margin-bottom: 40px; border-bottom: 1px solid #c3c3c3;}
.newItem .tiemBox2{ position: absolute; right: 0; top: 0px;}
.tiemBox2{ text-align: center; width: 74px; font-size: 12px; border: 1px solid #909090; padding: 20px 5px; color: #646464; font-family: arial, helvetica, sans-serif;  transition:0.43s; -webkit-transition:0.43s;}
.newItem .img{ position: relative; overflow: hidden; float: left; display: block; width: 224px; margin-right: 25px;}
.newItem .img img{ width: 100%; display: block; transition: transform 0.6s 0s; -webkit-transition: transform 0.6s  0s;}
.newItem .con{ float: left; width: 684px;}
.newItem .con h4{ font-size: 20px; color: #323232; font-weight: normal; line-height: 1.4; margin-bottom: 22px;}
.newItem .con .c{ color: #6f6f6f; height: 50px; overflow: hidden;}
.newItem .more{ width: 120px; height: 42px; line-height: 42px; text-align: center; display: block; border: 1px solid #b6b6b6; transition:0.43s; -webkit-transition:0.43s;}

/*news show*/
.info-page{ padding: 14px 0px 50px;}
.info-page .pinner{ background-color: #fff; padding: 60px 0px; border: 2px solid #f6f6f6;}
.info-c{ width: 1000px; margin: 0px auto;}
.info-c table{ min-width: 640px; width: 100% !important; background-color: #fff !important;}
.info-c table td{ padding: 8px 10px; border: 1px solid #4b4b4b !important; text-align: center;}
.info-c table tr:first-child td{ background-color: #183883; color: #fff; border: 1px solid #3d4586 !important;}
.infoPage-box{ background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 84px 0px; text-align: center; color: #fff;}
.w920{ width: 920px; margin: 0px auto;}
.info-T a:link, .info-T a:visited { color: #fff; }
.info-T a:active, .info-T a:hover { color: #fff;}
.info-T h1{ font-size: 30px; line-height: 1.2;}
.info-T .info{ padding-top: 20px;}
.info-T .time{ margin-right: 25px;}
.rel { position: relative; }
.arrow-btn{ display:block; position:relative;}
.arrow-btn .iconfont{ width:100%; height:100%; position:relative; z-index:9; display: block; text-align: center; color: #fff;}
.arrow-btn .now{ text-align:center; color:#000; position:relative; z-index:9; }
.arrow-btn.gray{ background-color: #ccc; }
.arrow-btn.yell{ background:#cccccc; }
.nd-back{ padding-top:30px; border-top: 4px solid #e5e5e5; margin: 60px 0 0;}
.nd-back a{ width:180px; float:left; color:#999; position:relative; }
.nd-back .arrow-btn{ width:48px; height:48px; line-height: 48px; border-radius: 24px; position:absolute; top:0;cursor:pointer; transition:0.38s; }
.nd-back .name{ line-height:48px; display: block;}
.nd-back .prev .name{ padding-left:63px; }
.nd-back .next .name{ padding-right:63px; text-align:right; }
.nd-back .next { float: right;}
.nd-back .prev .arrow-btn{ left:0; background:#ccc url(../images/class/arrow6.png) center no-repeat;}
.nd-back .next .arrow-btn{ right:0; background:#ccc url(../images/class/arrow7.png) center no-repeat;}
.nd-back .prev .arrow-btn:hover{ background:#E62129 url(../images/class/arrow8.png) 12px center no-repeat; }
.nd-back .next .arrow-btn:hover{ background:#E62129 url(../images/class/arrow9.png) 24px center no-repeat; }

.nd-back .backList{ width:104px; position:absolute; top:0; left:50%; margin-left:-52px; height:48px; }
.nd-back .backList .now{ line-height:48px; display: block; text-align: center;}

.backList:hover.yell{ background: #E62129; }
.arrow-btn:hover .now{ color:#FFFFFF; }
.nd-back a:hover { color: #000; }
.info-page .nd-back{ margin-left: 45px; margin-right: 45px;}

/*case*/
.casePaging { padding: 5px 0 50px; }
.caseList{ margin: 25px 0px 0px;}
.caseList .hspan{ text-align:left; cursor:pointer; width: 41%; display: block; float: left; height: 50px; line-height: 50px;}
.caseList .hspan1{ text-align: left; padding-left: 1%; width: 37%;}
.caseList .hspan2{ text-align: left; width: 10%;}
.caseList .casedt{ background-color: #b1b1b1; color: #000; font-weight:bold; font-size:15px;}
.caseList dd{ margin-bottom: 3px; position: relative;}
.caseList .casedt{ height: 50px; overflow: hidden;}
.caseList .caseT{ background-color: #f2f2f2; color:#666666;}
.caseList .caseT .hspan{ line-height: 50px; height: 50px;}
.caseList .ib{ width:16px; height:16px; margin: 17px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}
.caseList .ib i{ display:block; background-color:#999999;}
.caseList .ib .ic1{ width:2px; height:16px; margin-left:7px;}
.caseList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.caseList .caseB{ border: 1px solid #E62129; display: none;}
.caseList .caseCon{ margin: 0px auto; padding:30px 10px; overflow: hidden;}
.caseList dd.active .caseT,.caseList dd:hover .caseT{ background-color:#E62129; color: #fff;}
.caseList .active .ib i,.caseList dd:hover .ib i{ background-color: #fff;}
.caseList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.caseList .active .ib .ic2{ display: none;}

/*services*/
/*one*/
.load-box{ padding:50px 0 100px; background-size:cover !important;}
.download-area{ width:300px; float:left;}
.download-area h3{ color:#595757; font-size:26px; font-weight:normal; line-height:normal; margin-bottom:44px;}
.download-area p{ color:#595757; line-height:2; font-size:14px;}
.downlaod-list{ width:770px; float:right;}
.down-title{ background:#595757; padding:0 73px 0 60px;}
.down-title span{ display:block; height:70px; line-height:70px; color:#fff; font-size:16px; float:left;}
.down-title span:last-child{ float:right;}
.down-content{ border-bottom:1px solid #d6e5f0; overflow:hidden; background:#fff; padding:0 51px 0 42px; height:70px; position:relative;}
.down-content a{ display:block; height:71px;}
.down-content span{ display:inline-block; position:relative; z-index:5; float:left; color:#606060; font-size:14px; margin-top:26px;}
.down-btn{ float:right; padding-top:23px; position:relative; z-index:5;}
.down-btn b{ display:block; width:26px; height:26px; float:left; background:url(../images/class/loads.png) center no-repeat; transition:330ms;}
.down-btn strong{ display:inline-block; float:left; color:#606060; font-size:14px; margin-left:12px; line-height:26px; font-weight:normal; transition:320ms;}
.down-content a:before{ content:""; width:100%; height:100%; background:#E62129; position:absolute; left:0; top:100%; transition:344ms;}
.down-content a:hover:before{ top:0;}
.down-content a:hover span{ color:#fff;}
.down-content a:hover .down-btn{ padding-top:42px; width:77px;}
.down-content a:hover .down-btn b{ background:url(../images/class/loads1.png) center no-repeat; position:absolute; left:50%; top:8px; margin-left:-13px;}
.down-content a:hover .down-btn strong{ display:block; text-align:center; color:#fff; float:none; margin-left:0;}
.downlaod-list .flex-direction-nav{ height:31px;}
.downlaod-list .flex-direction-nav li{ display:inline-block; float:left; margin-top:14px;}
.downlaod-list .flex-direction-nav li:nth-child(1){ border-right:1px solid #686869; line-height:0;}
.downlaod-list .flex-direction-nav li a{ display:inline-block; width:32px; height:31px; text-indent:999px; overflow:hidden; transition:330ms;}
.downlaod-list .flex-direction-nav li a.flex-prev{ background:#595757 url(../images/class/prev.png) center no-repeat;}
.downlaod-list .flex-direction-nav li a.flex-next{ background:#595757 url(../images/class/next.png) center no-repeat;}
.downlaod-list .flex-direction-nav li a.flex-prev:hover{ background:#E62129 url(../images/class/prev.png) center no-repeat;}
.downlaod-list .flex-direction-nav li a.flex-next:hover{ background:#E62129 url(../images/class/next.png) center no-repeat;}
/*two*/
.content-box{ padding:128px 0; background-size:cover !important;}
.content h2{ color:#FFF; font-weight:normal; font-size:26px; text-align:center; line-height:normal; margin-bottom:36px;}
.content-info{ position:relative; width:30.5%; float:left; margin-right:4.25%; overflow:hidden;}
.content-info:last-child{ margin-right:0;}
.content-info figure{ display:block; line-height:normal; overflow:hidden; position:relative;}
.content-info figure img{ display:block; width:100%; height:auto; line-height:0; transition:466ms;}
.content-info figcaption{ display:block; height:75px; line-height:75px; color:#5d5d5d; font-size:16px; text-align:center; background:#fff; position:absolute; left:0; bottom:0; width:100%; transition:335ms;}
.content-text{ width:100%; height:100%; background:rgba(230,33,41,0.8); background:#E62129\9; filter:alpha(opacity=80); box-sizing:border-box; padding:9px; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transform:rotateY(-90deg); transition:450ms;}
.content-wr{ padding:50px 24px 32px 22px;}
.content-wr:before{ content:""; width:95%; height:95%; position:absolute; left:2.5%; top:2.5%; border-left:1px solid #fff; border-right:1px solid #fff; box-sizing:border-box;}
.content-wr:after{ content:""; width:95%; height:95%; position:absolute; left:2.5%; top:2.5%; border-top:1px solid #fff; border-bottom:1px solid #fff; box-sizing:border-box;}

.content-wr h3{ color:#ffffff; font-size:20px; line-height:normal; font-weight:normal; padding-bottom:22px; border-bottom:1px solid #fff; }
.content-wr p{ color:#ffffff; font-size:14px; margin-top:42px;}
.content-info:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.content-info:hover figcaption{ bottom:-100%;}
.content-info:hover .content-text{ opacity:1; transform:rotateY(0); visibility:visible;}
/*three*/
.feedback-box{ padding:120px 0; background:#ededed;}
.feedback-right{ width:770px; float:right;}
.feedbackinput{ margin-bottom:44px;}
.inputinfo{ float:left; border-radius:2px; box-shadow:0 2px 2px #d6d6d6; background:#fff;}
.inputinfo span{ display:inline-block; float:left; padding-left:16px; line-height:43px; color:#747474; font-size:14px;}
.inputinfo input{ width:314px; float:left; height:43px; line-height:43px; padding:0; padding-left:6px; background:none; border:none; outline:none; font-family:微软雅黑; font-size:14px; color:#747474;}
.inputinfo:nth-child(2){ float:right;}
.inputinfo:nth-child(3){ margin-top:20px; border-radius:6px;}
.inputinfo textarea{ width:682px; padding:12px 0; height:204px; float:left; font-family:微软雅黑; border:none; outline:none;}
.feed-sub input{ width:100%; height:50px; line-height:50px; color:#ffffff; font-size:18px; text-align:center; padding:0; border:none; outline:none; transition:340ms; background:#E62129; font-family:微软雅黑; cursor:pointer;}
.feed-sub input:hover{ opacity:0.78;}
/*four*/
.contact-top-left,.contact-top-right{width: 50%;float: left;padding-bottom: 29%;position: relative;}
#map{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#map .anchorBL{	display: none!important;}
#map img{display: inline;}
.contact-top-right-content{background-color: white;	box-sizing: border-box;	width: 100%;height: 100%;padding: 7.6% 0 0 9.4%;position: absolute;top: 0;left: 0;}
.contact-top-right-item{margin-bottom: 32px;}
.contact-top-right-item p{font-size: 16px;line-height: 1.5;color: rgb(51,51,51);padding-left: 80px;position: relative;}
.contact-top-right-item p:before{content: "";display: block;position: absolute;left: 0;	top: 16px;}
.contact-top-right-phone p:before{width: 30px;height: 30px;	background-image: url(../images/class/phone_03.png);}
.contact-top-right-address p:before{width: 27px;height: 30px;background-image: url(../images/class/address_01.png);}
.contact-top-right-fax p:before{width: 32px;height: 26px;background-image: url(../images/class/mail.png);}
.contact-top-right-mail p:before{width: 30px;height: 28px;background-image: url(../images/class/email.png);}
.contact-top-right-web p:before{width: 30px;height: 29px;background-image: url(../images/class/web.png);}


/*other*/
.pbanner.article-block strong{ opacity:0; transform:translateY(75px); -webkit-transform:translateY(75px); -moz-transform:translateY(75px); transition:0.65s;}
.pbanner.action strong{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.commont.article-block h3,.commont.article-block small{ opacity:0; transform:translateY(40px); -webkit-transform:translateY(40px); -moz-transform:translateY(40px); transition:0.44s;}
.commont.article-block small{ transition-delay:0.2s;}
.commont.action h3,.commont.action small{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.ln-head.article-block h3,.ln-head.article-block p,.ln-body.article-block li{ opacity:0; transform:translateY(40px); -webkit-transform:translateY(40px); -moz-transform:translateY(40px); transition:0.44s;}
.ln-head.article-block p,.ln-body.action li{ transition-delay:0.2s;}
.ln-head.action h3,.ln-head.action p,.ln-body.action li{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.developwr.article-block .developinfo{ opacity:0; transform:translateX(88px); -webkit-transform:translateX(88px); -moz-transform:translateX(88px); transition:0.56s;}
.developwr.action .developinfo{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.developwr.article-block .developinfo:nth-child(2){ transition-delay:0.25s;}
.developwr.article-block .developinfo:nth-child(3){ transition-delay:0.5s;}
.developwr.article-block .developinfo:nth-child(4){ transition-delay:0.75s;}
.developwr.article-block .developinfo:nth-child(5){ transition-delay:1s;}
.developwr.article-block .developinfo:nth-child(6){ transition-delay:1.25s;}